<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>javascript脚本语言案例dom树</title>
	</head>
	<body>
		<h1>javascript脚本语言dom树</h1>
		<a href="http://www.taobao.com" target="_blank" name="taobao">淘宝</a>
		<a href="http://www.jd.com" target="_blank" class="jd">京东</a>
		<a href="http://www.pingduo.com" target="_blank" id="pd">拼多多</a>


		<button onclick="alert(document.getElementsByTagName('a').length)">获取A 标签数量</button>
	

		<button onclick="alert(document.getElementsByName('taobao')[0].href)">获取淘宝链接</button>
		<button onclick="alert(document.getElementsByName('taobao')[0].innerText)">A 淘宝内容</button>

		<button onclick="alert(document.getElementsByClassName('jd')[0].href)">获取京东链接</button>
		<button onclick="alert(document.getElementsByClassName('jd')[0].innerText)">A 京东内容</button>

		<button onclick="alert(document.getElementById('pd').href)">获取拼多多链接</button>
		<button onclick="alert(document.getElementById('pd').innerText)">A 拼多多内容</button>
	</body>


	<script>
		// //获取页面标题
		// //展现结果window(窗口)，alert弹出窗口
		// //默认window下的对象是可以直接调用得
		// /* var t1=document.title; */
		// window.alert(document.title);
		// //alert(document.title);

		// //获取h1标签的内容get,getElementsByTagName默认是获取数组
		// var h1 = document.getElementsByTagName("h1");
		// //alert(h1);//打印数组。
		// //alert(h1[0].innerText);
	</script>
</html>
